/* ******************************************************************** */ 
/*                  CSS By Rafatroniks        			                */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
  margin: 0 auto;
    text-align: left;
    width: 64%;
} 
 
#header{
    display: block;
    height: 208px;
    overflow: auto;
    position: relative;
    width: 100%;
} 
 
#leftcol{
    float: left;
    position: relative;
    width: 21%;
 }
 
#maincol{
    float: right;
    position: relative;
    width: 79%;
    height: auto;%; 
 }
 
#footer{
    clear: both;
    display: block;
    height: 100px;
    overflow: auto;
} 
 
#login{
  display: block;
    float: right;
    position: relative	
	
}
 
 
/* ******************************************************************** */ 
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
